!!!
%html
  %head
    %title= formatted_title(content_for(:title))

    = stylesheet_link_tag    'application', media: 'all'
    = javascript_include_tag 'application'
    = csrf_meta_tags
    = favicon_link_tag asset_path('favicons/favicon-160x160.png')
    %script#ajax_error_template{type: 'text/x-handlebars-template'}
      = render '/shared/notice'

  %body{id: yield(:body_id)}
    :javascript
      var _kiq = _kiq || [];
      (function(){
        setTimeout(function(){
          var d = document, f = d.getElementsByTagName('script')[0], s = d.createElement('script'); s.type = 'text/javascript';
          s.async = true; s.src = 'https://s3.amazonaws.com/ki.js/52526/bmn.js'; f.parentNode.insertBefore(s, f);
        }, 1);
      })();
    %header
      %h1.panamax-logo
        = link_to 'Panamax', root_path, title: 'Home'
      %nav
        %ul
          %li.search-link
            = link_to 'Search', new_search_path, title: 'Search'
          %li.manage-link
            = link_to 'Manage', dashboard_index_path, title: 'Manage'
          %li.documentation-link
            = link_to 'Documentation', 'http://panamax.io/documentation', target: '_blank', title: 'Documentation'
          %li.about-link
            %nav.ctl
              %ul
                %li
                  %a{:href => ""} About
                  %ul
                    %li
                      .about-contents
                        = image_tag('about_ctl/logo_panamax.svg', class: 'logo', width: 150)
                        %p.clear.strong
                          Panamax is an open-source project that makes deploying complex containerized apps as easy as Drag-and-Drop.
                        %p
                          %a{:href => "https://github.com/CenturyLinkLabs/panamax-ui", :target => "_blank"} Panamax UI on GitHub
                          |
                          %a{:href => "https://github.com/CenturyLinkLabs/panamax-api", :target => "_blank"} Panamax API on GitHub
                        %hr
                          %h3 Other Projects from CenturyLink Labs
                          %a.project{:href => "http://imagelayers.io", :target => "_blank"}
                            %article
                              .ilayers-logo
                              %h4 ImageLayers.io
                              %p
                                Docker image layer visualization.
                                %br
                                  %mark ImageLayers.io
                          %a.project{:href => "http://dray.it", :target => "_blank"}
                            %article
                              .dray-logo
                              %h4 Dray
                              %p
                                Docker Workflow Engine.
                                %br
                                  %mark dray.it
                          %a.project{:href => "http://lorry.io", :target => "_blank"}
                            %article
                              .lorry-logo
                              %h4 Lorry
                              %p
                                Docker Compose YAML Editor.
                                %br
                                  %mark lorry.io
                          .clear
                          %hr
                            %h4
                              Read tutorials and articles about these tools at
                              %a{:href => "http://www.centurylinklabs.com", :target => "_blank"} CenturyLinkLabs.com



    %aside.metrics
      %span
        %a{ href: metrics_url, target: '_blank' }
          CoreOS Host Performance:
      = render 'shared/metrics'
    %cite.built-by
      %h2 Century Link
    %main
      = render 'shared/notifications'
      = yield
    %footer
      .inner

        #footer-info
          %p
            Panamax is an open-source product from CenturyLink Labs.
          %ul
            %li
              = link_to 'CenturyLink Labs Blog',
                        'http://www.centurylinklabs.com',
                        target: '_blank',
                        title: 'CenturyLink Labs Blog'
            %li.github-link
              = link_to 'Fork Us on GitHub',
                        'https://github.com/CenturyLinkLabs/panamax-ui/wiki',
                        target: '_blank',
                        title: 'Fork Us on GitHub'
            %li.twitter-link
              = link_to 'Follow Us on Twitter',
                        'https://twitter.com/panamax_io',
                        target: '_blank',
                        title: 'Follow Us on Twitter'
            %li
              = link_to 'Legal & Privacy Policy',
                        'http://www.centurylinkcloud.com/legal',
                        target: '_blank',
                        title: 'Legal & Privacy Policy'
        #newsletter
          #mc_embed_signup
            %form#mc-embedded-subscribe-form.validate{action: "http://centurylink.us3.list-manage.com/subscribe/post?u=021d5aea02a4ed5dec0c1c96c&id=7bb216c547", method: "post", name: "mc-embedded-subscribe-form", novalidate: "", target: "_blank"}
              %h4 Sign Up for Our Newsletter
              %p Get all the latest news, tips & tricks for Panamax, Docker, etc.
              .mc-field-group
                %input#mce-EMAIL.required.email{name: "EMAIL", placeholder: "Email Address", type: "email", value: ""}/
                %input#mc-embedded-subscribe.button-secondary{name: "subscribe", type: "submit", value: "Subscribe"}/
              .mc-field-group.input-group
                %ul
                  %li
                    %input{checked: "checked", id: "mce-group[9397]-9397-0", name: "group[9397][1]", style: "display:none;", type: "checkbox", value: "1"}/
                    %label{for: "mce-group[9397]-9397-0", style: "display:none;"} Panamax.io
                  %li
                    %input{id: "mce-group[9397]-9397-1", name: "group[9397][2]", style: "display:none;", type: "checkbox", value: "2"}/
                    %label{for: "mce-group[9397]-9397-1", style: "display:none;"} Panamax-User
              #mce-responses.clear
                #mce-error-response.response{style: "display:none"}
                #mce-success-response.response{style: "display:none"}
              -# real people should not fill this in and expect good things - do not remove this or risk form bot signups
              %div{style: "position: absolute; left: -5000px;"}
                %input{name: "b_021d5aea02a4ed5dec0c1c96c_7bb216c547", tabindex: "-1", type: "text", value: ""}/
              .clear
  %section.copyright
    #logo
    %small!= "&copy; #{Time.now.year} CenturyLink &mdash; The Panamax project is provided under the Apache 2.0 license. All Rights Reserved."
